import { createRouter, createWebHistory } from 'vue-router'

// export const Layout = () => import('@/Layout/index.vue')
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/login',
      component: () => import('@/views/Login/index.vue')
    },
    {
      path: '/',
      component: () => import('@/views/index/index.vue'),
    },
    // {
    //   path: '/',
    //   // component: Layout,
    //   redirect: '/battlefield',
    //   children: [
    //     {
    //       path: 'battlefield',
    //       name: 'battlefield',
    //       component: () => import('@/views/battlefield/index.vue'),
    //       meta: { title: '战场环境影响分析模型' }
    //     }
    //   ]
    // },
    // {
    //   path: '/',
    //   component: Layout,
    //   children: [
    //     {
    //       path: 'geographic',
    //       name: 'geographic',
    //       component: () => import('@/views/geographic/index.vue'),
    //       meta: { title: '地理环境影响分析模型' }
    //     }
    //   ]
    // },
    // {
    //   path: '/',
    //   component: Layout,
    //   children: [
    //     {
    //       path: 'meteorological',
    //       name: 'meteorological',
    //       component: () => import('@/views/meteorological/index.vue'),
    //       meta: { title: '气象环境影响分析模型' }
    //     }
    //   ]
    // },
    // {
    //   path: '/',
    //   component: Layout,
    //   children: [
    //     {
    //       path: 'hydrological',
    //       name: 'hydrological',
    //       component: () => import('@/views/hydrological/index.vue'),
    //       meta: { title: '水文环境影响分析模型' }
    //     }
    //   ]
    // },
    // {
    //   path: '/',
    //   component: Layout,
    //   children: [
    //     {
    //       path: 'electromage',
    //       name: 'electromage',
    //       component: () => import('@/views/electromage/index.vue'),
    //       meta: { title: '电磁环境影响分析模型' }
    //     }
    //   ]
    // },
    // {
    //   path: '/',
    //   component: Layout,
    //   children: [
    //     {
    //       path: 'social',
    //       name: 'social',
    //       component: () => import('@/views/social/index.vue'),
    //       meta: { title: '社会环境影响分析模型' }
    //     }
    //   ]
    // }
  ]
})

router.beforeEach((to, from, next) => {
  next()
})
router.afterEach((to, from) => {
  if (to.meta && to.meta.title) {
    document.title = `${to.meta.title}`
  }
})
export default router
